<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8"%>
<html lang="zh-cn">
    <head>
        <title>图书漂流-注册</title>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="/bookcrossing/css/bootstrap.min.css" />
        <link rel="stylesheet" type="text/css" href="/bookcrossing/css/main.css">
        <link rel="shortcut icon" type="image/png" href="/bookcrossing/img/favicon.png" />

    </head>
    <div class="modal fade" id="dialog-box">
    	<div class="modal-dialog">
    		<div class="modal-content">
    			<div class="modal-body">
    				<span class="tips-pic"></span> 
    				<span class="tips-content"></span>
    			</div>
    		</div>
    	</div>
    </div>
	<div class="container">
		<div class="reg-panel">
            <div class="reg-pic">
                <div class="reg-pic-in">
                	<a href="/bookcrossing/"><img src="/bookcrossing/img/logo.png" alt="home" /></a>
                </div>
            </div>
            <div class="reg-content">
            	<p class="reg-title">
            		<span class="big-text">注册</span><span class="line">丨</span>已有账号？ <a href="/bookcrossing/login">立即登陆</a>
	            </p>
	            <div class="reg-form">
					<form action="reg" method="post" id="reg-form" class="form-horizontal">
						<div class="form-group bc-input">
							<label for="uid" class="col-sm-2 control-label sm-padding">用户名</label>
							<div class="col-sm-6">
								<input type="text" class="form-control uid" name="uid" id="uid" placeholder="英文、数字、下划线" />
							</div>
						</div>
						<div class="form-group bc-input">
							<label for="email" class="col-sm-2 control-label sm-padding">邮箱</label>
							<div class="col-sm-6">
								<input type="text" class="form-control email" name="email" id="email" placeholder="登录邮箱" />
							</div>
						</div>
						<div class="form-group bc-input">
							<label for="password" class="col-sm-2 control-label sm-padding">密码</label>
							<div class="col-sm-6">
								<input type="password" class="form-control password" name="password" id="password" placeholder="密码" />
								<input type="hidden" class="password-md5" name="password-md5" id="password-md5"/>
							</div>
						</div>
						<div class="form-group bc-input">
							<label for="confirmpsw" class="col-sm-2 control-label sm-padding">确认密码</label>
							<div class="col-sm-6">
								<input type="password" class="form-control confirmpsw" name="confirmpsw" id="confirmpsw" placeholder="确认密码" />
							</div>
						</div>
						<div class="form-group bc-input">
							<label for="rand" class="col-sm-2 control-label sm-padding">验证码</label>
							<div class="col-sm-4">
								<input type="text" class="form-control rand" name="rand" id="rand" placeholder="验证码" />
							</div>
							<div class="col-sm-2 sm-padding">
								<a href="javascript:void(0)" class="myImage-refresh"><img src="/bookcrossing/public/image.jsp" class="myImage" alt="验证码"/></a>
							</div>
						</div>
						<div class="form-group bc-input">
							<div class="col-sm-2 sm-padding"></div>
							<div class="col-sm-6">
								<button type="submit" class="btn btn-primary btn-block reg-btn" >注册</button>
							</div>
						</div>
					</form>
				</div>
            </div>
		</div>
	</div>
	<jsp:include page="foot.jsp"></jsp:include>
	<script type="text/javascript" src="/bookcrossing/js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="/bookcrossing/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="/bookcrossing/js/common.js"></script>
	<script type="text/javascript" src="/bookcrossing/js/md5.min.js"></script>
	<script type="text/javascript" src="/bookcrossing/js/register.js"></script>
</html>